window.onload = function() {

    //点击前方按钮，进行颜色的添加与移除
    //单选按钮与全选联动函数
    function one_all() {
        var key
        $.each($('.select'), function(i, val) {
            key = true
            if (!$(val).hasClass('choice')) {
                key = false;
                return key;
            } else {
                key = true;
            }
        });
        if (key) {
            $('.circle img').removeClass('active');
        } else if (key == false) {
            $('.circle img').addClass('active');
        }
    }
    //全选按钮与单选联动函数

    function all_one() {
        if (!$('.circle img').hasClass('active')) {
            $('.select').addClass('choice')
        } else {
            $('.select').removeClass('choice')
        }
    }

    //单选与全选按钮的联动________封装函数 choice_link();

    function choice_link() {
        $('.select').click(function() {
            $(this).toggleClass('choice');
            one_all()
            price_sum()
        });
        $('.circle').click(function() {
            $(this).children().toggleClass('active');
            all_one()
            price_sum()
        });
    };
    choice_link();

    //点击 + - 对input输入框中的数据进行增减
    $('.add').click(function() {
        var key = parseFloat($(this).prev('input').val())
        key += 1

        $(this).prev('input').val(key);
        price_sum()

    });
    $('.reduce').click(function() {
        var key = parseFloat($(this).next('input').val())
        key += -1

        $(this).next('input').val(key);
        if (key <= 0) {
            var a = confirm('数量为0，默认删除本商品，您确定吗?');
            if (a) {
                $(this).parents('.goods').remove();
            } else {
                $(this).next('input').val(1)
            }
        }
        clear_shoplist()
        price_sum()
        one_all()
        all_one()
    });


    //如果购物车中没有某店的商品，则将本店的整个大区域清除______________未完成

    function clear_shoplist() {
        $.each($('.shop_list'), function(i, val) {
            console.log($(val).children())
                // if ($(val).children('div').hasClass('.goods')) {
                //     $(val).remove();
                // }
            var store = $(this);
            var key;
            $.each(store.children(), function(index, item) {
                key = true;
                if ($(item).hasClass('goods')) {
                    key = false;
                    return key;
                }
            });
            if (key) {
                // console.log($(val))
                $(val).remove();
            }

        })
    }
    clear_shoplist();



    // 点击垃圾桶图标  删除本行内容
    $('.dele').click(function() {
        if (confirm('确认删除本商品吗？')) {
            $(this).parents('.goods').remove();
            price_sum();
            clear_shoplist();
            one_all()
            all_one()
        }
    });
    //计算总价
    //首先 在页面一开始就计算一次 
    function price_sum() {
        var key = 0;
        var obj = $('.choice').siblings('.change').children('input')
        $.each(obj, function(i, val) {
            key += ($(val).val() * parseFloat($(val).parents('.change').siblings('.goods_detail').find('.price_now').text()));
        });
        key = key.toFixed(2);
        $('.detail').text(key);
    }
    price_sum()



    // 点击结算按钮，跳转页面至付款页，同时清除已购买的商品
    $('.submit').click(function() {
        // console.log($('.detail').text())
        if ($('.detail').text() == 0) {
            alert('您未选择要购买的商品')
        } else {
            $('.choice').parent().html('');
            window.location.href = 'http://www.baidu.com';
        }
        clear_shoplist();
    });
    // 点击返回按钮，跳转页面至付款页，同时清除已购买的商品
    $('.back').click(function() {
        window.location.href = 'http://www.cctv.com'
    })
    $('.lingdang').click(function() {
        window.location.href = 'http://www.cctv.com'
    });
    // 点击凑单选项  回到商品页
    $('.coudan').click(function() {
        window.location.href = 'http://www.cctv.com'
    })
}